import { createRouter, createWebHashHistory } from 'vue-router'
import Home from '../components/Home.vue'
import Table from '../components/Table.vue'
import Add from '../components/Add.vue'
import Search from '../components/Search.vue'
import Class from '../components/Class.vue'
import Major from '../components/Major.vue'
import Series from '../components/Series.vue'
import Club from '../components/Club.vue'
import Stuclub from '../components/Stuclub.vue'
import View from '../components/View.vue'
const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    meta:{
      showtab:false
    }
  },
  {
    path: '/add',
    name: 'Add',
    component: Add,
    meta:{
      showtab:true
    }
  },
  {
    path: '/search',
    name: 'Search',
    component: Search,
    meta:{
      showtab:true
    }
  },
  {
    path: '/class',
    name: 'Class',
    component: Class,
    meta:{
      showtab:true
    }
  },
  {
    path: '/major',
    name: 'Major',
    component: Major,
    meta:{
      showtab:true
    }
  },
  {
    path: '/series',
    name: 'Series',
    component: Series,
    meta:{
      showtab:true
    }
  },
  {
    path: '/club',
    name: 'Club',
    component: Club,
    meta:{
      showtab:true
    }
  },
  {
    path: '/table',
    name: 'Table',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: Table,
    meta:{
      showtab:true
    },
  },
  {
    path: '/stuclub',
    name: 'Stuclub',
    component: Stuclub,
    meta:{
      showtab:true
    }
  },
  {
    path: '/view',
    name: 'View',
    component: View,
    meta:{
      showtab:true
    }
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router
